<template>
  <div id="app">
    <router-view/>
    <div class="page-up" style="" @click="upTop" v-if="searchBarFixed"><i class="el-icon-caret-top"></i></div>
  </div>
</template>

<script>
  export default {
    name: 'app',
    data(){
      return {
        searchBarFixed: false
      }
    },
    methods: {
      upTop(){
        window.scrollTo(0,0)
      },
      handleScroll () {
        var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop
        var offsetTop = 1500
        if (scrollTop > offsetTop) {
          this.searchBarFixed = true
        } else {
          this.searchBarFixed = false
        }
      },
    },
    mounted () {
      window.addEventListener('scroll', this.handleScroll)
    },
  }
</script>

<style>
  /*#app {*/
  /*font-family: 'Avenir', Helvetica, Arial, sans-serif;*/
  /*-webkit-font-smoothing: antialiased;*/
  /*-moz-osx-font-smoothing: grayscale;*/
  /*text-align: center;*/
  /*color: #2c3e50;*/
/*}*/
html{height:100%;}
body{min-height:100%;margin:0;padding:0;position:relative;}
body {
  margin: 0px;
  padding: 0px;
  /*/ / background: #1F2D3D;*/
  font-family: Zawgyi-One,Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, SimSun, sans-serif!important;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  overflow-y: scroll;
  overflow-x: hidden;
}


  #app {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #2c3e50;
  }

  input::-webkit-outer-spin-button,
  input::-webkit-inner-spin-button {
    -webkit-appearance: none;
  }

  input[type="number"] {
    -moz-appearance: textfield;
  }

  /*默认button样式修改*/
  .el-button--default {
    background-color: #f4f4f4 !important;
    color: #444 !important;
    border-color: #ddd !important;
  }

  .el-button--default:hover, .el-button--default:active {
    background-color: #e7e7e7 !important;
    color: #444 !important;
    border-color: #aaa !important;
  }

  /*save submit-->warning button样式修改*/
  .el-button--warning {
    background-color: rgb(255, 102, 0) !important;
    border-color: rgb(255, 102, 0) !important;
  }

  .el-button--warning:hover, .el-button--warning:active {
    background-color: rgb(253, 119, 30) !important;
    border-color: rgb(253, 119, 30) !important;
  }

  /*列表的表头字体不变粗*/
  th {
    font-weight: normal !important;
    word-wrap: break-word !important;
    word-break: normal;
  }

  tr {
    background-color: #fff;
  }

.el-table .cell {
  word-wrap: break-word!important;
  word-break: normal;
  line-height: unset;
}

.el-table td, .el-table th {
  padding: 6px 0;
}

/*走马灯样式修改*/
.big-box .el-carousel__indicators {
  display: none;
}
  .el-table .cell {
    word-wrap: break-word !important;
    word-break: normal;
  }

  /*导航样式覆盖*/
  .el-menu--horizontal {
    border-bottom: none !important;
  }

  .el-menu--horizontal .el-menu-item {
    font-size: 16px;
    height: 50px !important;
    line-height: 50px !important;
  }

  .el-submenu__title {
    font-size: 16px!important;
  }

  .el-menu--horizontal .el-submenu .el-submenu__title {
    height: 50px !important;
    line-height: 50px !important;
  }

  /*placeholder 默认颜色修改*/
  ::-webkit-input-placeholder { /* WebKit browsers */
    color:    #333 !important;
  }
  :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #333 !important;
    opacity:  1;
  }
  ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #333 !important;
    opacity:  1;
  }
  :-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #333 !important;
  }
  input::-webkit-input-placeholder { /* WebKit browsers*/
    　　color:#333 !important;
  }
  input:-moz-placeholder {  /* Mozilla Firefox 4 to 18*/
    　　color:#333 !important;
  }
  input::-moz-placeholder {  /* Mozilla Firefox 19+*/
    　　color:#333 !important;
  }
  input:-ms-input-placeholder { /* Internet Explorer 10+*/
    　　color:#333 !important;
  }

  /*form label */
  .el-form--label-top .el-form-item__label{
    padding: 0 0 0px!important;
    line-height: 24px!important;
  }

  .el-menu--horizontal>.el-menu-item.is-active, .el-menu--horizontal>.el-submenu.is-active .el-submenu__title{
    border-bottom: 2px solid #f60!important;
  }

  .search-box .el-button--mini, .el-button--small {
    font-size: 14px!important;
    /*color: #606266!important;*/
  }

  .search-box .el-button {
    font-weight: normal!important;
  }

  /*.el-input .el-input--mini .el-input--suffix .el-input__inner{*/

  /*}*/
  /*.el-form-item .el-form-item--mini {*/
    /*width: 200px!important;*/
  /*}*/
  /*.search-box .el-form-item .el-form-item--mini {*/
    /*width: 200px!important;*/
  /*}*/
  .page-up {
    background-color: #ccc;
    position: fixed;
    right: 100px;
    bottom: 150px;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    cursor: pointer;
    transition: .3s;
    box-shadow: 0 0 6px rgba(0,0,0,.12);
    z-index: 5;
  }

  .page-up i{
    color: #fff;
    display: block;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
  }
  input,
  optgroup,
  select,
  textarea {
    font-family: Zawgyi-One!important;
  }
</style>
